<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>Codename Mister X</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="stylesheets/base.css">
	<link rel="stylesheet" href="stylesheets/skeleton.css">
	<link rel="stylesheet" href="stylesheets/layout.css">

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" sizes="72x72" href="images/favicon.ico">
	<link rel="apple-touch-icon" sizes="114x114" href="images/favicon.ico">
	<link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css">
	<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
	<style type="text/css">
	body,td,th {
	color: #CCC;
}
body {
	background-color: #333333;
	background-image: url(bilder/bg_gespiegelt.jpg);
	background-repeat: repeat-y;
	margin-left: 0%;
	margin-right: 0%;
}
    </style>
<script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script type="text/javascript" src="js/required/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/login/main.js"></script>
</head>




	<!-- Primary Page Layout
	================================================== -->
	
	<div class="container">
    	
    
		<div class="sixteen columns">
		  <h1 class="remove-bottom" style="margin-top: 40px"><a href="index.html"><img src="bilder/banner.png" width="100%"  alt="notfound" ></a></h1>
			<hr />
		</div>
		<center>
	  <div class="sixteen columns">
        	
		<iframe width="100%" height="480" src="http://www.youtube.com/embed/SAPrsERwBQ4?list=UUbrNA-FOITC0-sdMDfAtv_w&amp;hl=de_DE" frameborder="0" allowfullscreen></iframe>
		</div>
		<div class="one-third column">
		  <h3> About  Mister X</h3>
		  <h5>if you want more information, take a	look	at our <a href="files/Codename_MisterX_Grobplanung_v1.pdf">document </a></p>
		  <p id="text">for more information feel free to <a href="http://codename-misterx.com/tinc?key=aAVUXbSs">mail</a> us</h5>
	  </div>
		<div class="one-third column">
		  <h3>Game description</h3>
			<h5>Learn it in 3 easy Steps</h5>
			<ul class="square">
				<li><strong>First</strong>: Register a new Account ore Login with a existing one.</li>
				<li><strong>Second</strong>: visit us and wait for a new round to start</li>
				<li><strong>Third</strong>: Have fun!</li>
			</ul>
	  </div>
		<div class="one-third column">
            <div class="forms" style="width:200px;">
                <form  id="loginform" method="post" action="">
                    <p>Login</p>
                    <table id="table" border="0">
                        <tr>
                            <td>Email:</td>
                            <td><input id="email" name="email" type="text" size="22"
                                       maxlength="20" /></td>
                        </tr>
                        <tr>
                            <td>Passwort:</td>
                            <td><input id="passwort" name="passwort" type="password" size="22"
                                       maxlength="20" /></td>
                        </tr>
                    </table>
                    <div align="center">
                        <a href="registration.php">regestrieren</a>
                        <input type="submit" name="login" id="login" value="Anmelden" />
                    </div>
                </form>
            </div>
            <script type="text/javascript">
                login.init();
            </script>
		</div>
		<span class="sixteen columns"  style="background-color:#666"	>
        
        <img id="nsn" src="BildervonMario/logo_nsn.gif"
        width="156" height="72" alt="notfound">
        <img id="beuth" src="images/Beuth_Logo_Bright_Font.png" width="227" height="75" alt="notfound">
        <img id="ravens"src="bilder/ravensburger.jpg" width="74" height="75" alt="notfound"></span>
		<div class="sixteen columns" ></div>
            <script type="text/javascript">
                login.init();
            </script>

	</div><!-- container -->


<!-- End Document
================================================== -->

</body>
</html>